/*
1：安装axios
2:导入axios
3:创建axios副本
4：创建axios的请求拦截与响应拦截
5：暴露axios副本
*/
import axios from 'axios'
import store from '@/store' // store====this.$store
import { Message } from 'element-ui'
import router from '@/router' // router===this.$router
const _axios = axios.create({
  // 基地址：如果昨天你们配制好本地接口了且能启动成功了，启动后加入基地址到这里
  // 本地接口基地址: http://localhost:3000/api
  // 如果没有配制好的直接使用线上接口地址
  //   在线接口基地址:http://119.91.150.211:3000/api
  // baseURL: 'http://localhost:3000/api'
  baseURL: process.env.VUE_APP_URL
  // 人工调整完再执行npm run build打包上线
})
// 请求拦截
_axios.interceptors.request.use(
  config => {
    // 统一token处理
    /*
    实际 开发有二种接口情况
    1：接口不需要token你加了没事
    config.headers.Authorization = `Bearer ${store.state.user.token}`
    2：接口不需要token你加了它就报错
      解决方式：
         不需要的接口可以加入一个特别字段在请求拦截识别到后处理
               {
                 method:'post',
                 url...,
                 noToken:true,// 不需要token
               }
               if(!config.noToken){
                 // 加入token处理
               }
         接口地址有规律，根据规律处理
            以/xxx开头的都不需要接口，其它的都要token
            if(!config.url.startsWith('/xxx')){
                // 加入token处理
            }
    */
    // if (!config.noToken) {
    config.headers.Authorization = `Bearer ${store.state.user.token}`
    // }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)
// 响应拦截
_axios.interceptors.response.use(
  res => {
    // 接口状态码以2开头走res
    if (res.data.success) {
      return res.data
    } else {
      // 提示一下
      Message.error(res.data.message)
      // return undefined
      return Promise.reject(res.data.message)
    }
  },
  error => {
    // 接口状态码以非2开头走error
    // console.dir(error)
    // console.log('log', [error])
    if (error.response.status === 401) {
      // token超时了
      // 1:删除token  2:删除用户信息 3：错误提示 4：跳转到登陆页
      store.commit('user/logout')
      Message.error('登陆超时了')

      router.push('/login?redirect=' + location.href.split('#')[1])
    }
    return Promise.reject(error)
  }
)
export default _axios
